.musicVolumeButton {
	background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.musicVolumeButton:focus {
	background-color: transparent;
    background-repeat: no-repeat;
    border: 2px solid var(--dt-button-focus-color1-inside);
	outline: 2px solid var(--dt-button-focus-color1-outside);
}

.musicVolumeButton:hover {
	background-color: transparent;
    background-repeat: no-repeat;
    border: 2px solid var(--dt-button-focus-color1-inside);
	outline: 2px solid var(--dt-button-focus-color1-outside);
	cursor: pointer;
}

.soundFXVolumeButton {
	background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.soundFXVolumeButton:focus {
	background-color: transparent;
    background-repeat: no-repeat;
    border: 2px solid var(--dt-button-focus-color1-inside);
	outline: 2px solid var(--dt-button-focus-color1-outside);
}

.soundFXVolumeButton:hover {
	background-color: transparent;
    background-repeat: no-repeat;
    border: 2px solid var(--dt-button-focus-color1-inside);
	outline: 2px solid var(--dt-button-focus-color1-outside);
	cursor: pointer;
}


.settingsText {
	color: var(--dt-colored-text1) !important;
	font-size: 8vh !important;
	font-family: sans-seriff;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	text-align: center;
	white-space: nowrap;
}

.musicVolumeText {
	color: var(--dt-colored-text1) !important;
	font-size: 5vh !important;
	font-family: sans-seriff;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	text-align: center;
	white-space: nowrap;
}

.soundFXText {
	color: var(--dt-colored-text1) !important;
	font-size: 5vh !important;
	font-family: sans-seriff;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	text-align: center;
	white-space: nowrap;
}

.applyButton {
	background-color: var(--dt-button-background-color1);
	border: none;
	display: inline-block !important;
	font-size: 3.5vh !important;
	font-family: sans-serif;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
}

.applyButton:focus {
	background-color: var(--dt-button-background-color2);
	display: inline-block !important;
	font-size: 4vh !important;
	font-family: sans-serif;
	font-family: var(--dt-font-family);
	font-weight: var(--dt-font-weight);
	font-style: var(--dt-font-style);
	border: 2px solid var(--dt-button-focus-color1-inside);
	outline: 2px solid var(--dt-button-focus-color1-outside);
}


.applyButton:hover {
	font-size: 4vh !important;
	background-color: var(--dt-button-background-color2);
	border: 2px solid var(--dt-button-focus-color1-inside);
	outline: 2px solid var(--dt-button-focus-color1-outside);
	cursor: pointer !important;
    transform: scale(1.05);
}

@media (aspect-ratio < 1024/768) {
	.settingsText {
		font-size: 7vw !important;
	}
	
	.musicVolumeText {
		font-size: 3.25vw !important;
	}
	
	.soundFXText {
		font-size: 3.25vw !important;
	}

	.applyButton {
		font-size: 2.5vw !important;
	}
	
	.applyButton:hover {
		font-size: 3.5vw !important;
	}
	
	.applyButton:focus {
		font-size: 3.5vw !important;
	}
}