.banner-button-container { display: flex; min-width: var(--guest-button-width-desktop); min-height: var(--guest-button-height-desktop); }
.guest-button-banner { display: flex; align-items: center; justify-content: center; border-radius: 5px; overflow: hidden; opacity: 1; transition: .5s; background: attr(data-bg); width: var(--guest-button-width-desktop); height: var(--guest-button-height-desktop); }
.guest-button-banner:hover { opacity: .65; transition: .5s; }
.guest-button-banner img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; }
[data-bs-theme="light"] .guest-button-banner-dark { display: none; }
[data-bs-theme="light"] .guest-button-banner-light { display: flex; }
[data-bs-theme="dark"] .guest-button-banner-light { display: none; }
[data-bs-theme="dark"] .guest-button-banner-dark { display: flex; }

@media (max-width: 768px) {
    .banner-button-container { min-width:  var(--guest-button-width-mobil); min-height: var(--guest-button-height-mobil); }
    .guest-button-banner { width: var(--guest-button-width-mobil); height: var(--guest-button-height-mobil); }
}