/*
 * DiMardes component and page-level brand overrides.
 * Load after legacy page styles and brand.css.
 */

/* Brand surfaces and actions */
.blue-template .search-wrap,
.listing-page .search-wrap,
.blue-wrap-info,
.small-box-right,
.tickets .ticket.blue {
    background: var(--color-brand-strong) !important;
}

.search-wrap,
.send-request,
.service-wrap.grey,
.grey-background {
    background-color: var(--color-surface-stone) !important;
}

/* Continuous warm-stone flow for search results and the homepage. */
.offers-index,
.offers-index #inserAjaxContent,
.offers-index .listing-wrap,
.offers-index .listing-wrap .all-boxes,
.offers-index .filter-screen,
.home-index,
.home-index .homepage-featured,
.home-index .homepage-about,
.home-index .homepage-about .left-part {
    background-color: var(--color-surface-stone) !important;
}

.offers-index,
.home-index .homepage-featured,
.home-index .homepage-about,
.home-index .homepage-destinations {
    margin: 0 !important;
}

.offers-index .filters {
    background-color: var(--color-surface-stone);
    margin-bottom: 0 !important;
}

.offers-index .listing-wrap,
.home-index .homepage-featured {
    padding-top: calc(var(--space-unit) * 5);
    padding-bottom: calc(var(--space-unit) * 5);
}

.offers-index .listing-wrap {
    display: flow-root;
}

.offers-index .listing-wrap .small-box,
.home-index .homepage-featured .small-box {
    background-color: var(--color-surface-primary);
}

.home-index .top-img-wrap {
    padding-bottom: 0 !important;
    line-height: 0;
}

.home-index .top-img-wrap > img,
.home-index .homepage-destinations .f-part img {
    display: block;
}

.home-index .homepage-about {
    align-items: stretch;
    padding: 0;
}

.home-index .homepage-about .left-part {
    justify-content: center;
    padding-top: calc(var(--space-unit) * 8);
    padding-bottom: calc(var(--space-unit) * 8);
}

.home-index .homepage-about .right-part {
    align-self: stretch;
    min-height: calc(var(--space-unit) * 70);
    margin: 0 !important;
    overflow: hidden;
}

.home-index .homepage-about .right-part > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-index .homepage-about .right-part::before {
    z-index: 1;
}

.home-index .homepage-about .text-part {
    top: 50%;
    right: calc(var(--space-unit) * 6);
    left: calc(var(--space-unit) * 6);
    z-index: 2;
    transform: translateY(-50%);
}

.home-index .homepage-destinations {
    clear: both;
    line-height: 0;
}

.home-index .homepage-destinations .middle-part {
    line-height: normal;
}

/* Prevent the inherited six-field percentage row from exceeding its container. */
.search-wrap .inputs-hld {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: calc(var(--space-unit) * 2);
}

.search-wrap .inputs-hld > .inp-hld {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

.blue-template .search-wrap,
.listing-page .search-wrap {
    background-color: var(--color-brand-strong) !important;
}

.tab-link:before,
.see-more,
.inp-hld .search-btn,
.right-pos .search-btn,
.search-btn,
.show-hide-filters .show-all-results,
.tickets .ticket.yellow {
    background-color: var(--color-brand-primary) !important;
    border-color: var(--color-brand-primary) !important;
    color: var(--color-surface) !important;
}

.see-more:hover,
.see-more:focus-visible,
.inp-hld .search-btn:hover,
.inp-hld .search-btn:focus-visible,
.right-pos .search-btn:hover,
.right-pos .search-btn:focus-visible,
.search-btn:hover,
.search-btn:focus-visible,
.show-hide-filters .show-all-results:hover,
.show-hide-filters .show-all-results:focus-visible {
    background-color: var(--color-brand-hover) !important;
    border-color: var(--color-brand-hover) !important;
    color: var(--color-surface) !important;
}

.tab-link.active {
    background-color: var(--color-brand-strong) !important;
    border-color: var(--color-brand-strong) !important;
    color: var(--color-surface) !important;
}

.blue-template .tab-link.active {
    background: transparent !important;
    border-color: transparent !important;
}

.bottom-buttons a {
    background: var(--color-brand-primary) !important;
    border-color: var(--color-brand-primary) !important;
    color: var(--color-surface) !important;
}

.bottom-buttons a:hover,
.bottom-buttons a:focus-visible {
    background: var(--color-brand-hover) !important;
    border-color: var(--color-brand-hover) !important;
}

.show-all-offers {
    background: var(--color-surface) !important;
    border-color: var(--color-brand-primary) !important;
    color: var(--color-brand-primary) !important;
}

.show-all-offers:hover,
.show-all-offers:focus-visible {
    background: var(--color-brand-primary) !important;
    color: var(--color-surface) !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: var(--color-brand-strong) !important;
}

/* Text roles formerly coupled to copied navy values */
main h1,
main h2,
main h3,
main .title,
main .big-title,
main .bigger-title,
main .city,
main .back,
main .share,
.more-options.dark,
.show-hide-filters .hide,
.show-hide-filters .clean-all,
.rooms span,
.condition span,
.advantage span,
.rooms-row label,
.more-info-offer .left-part p,
.site-wrap-description p,
.top-right .call-us,
.top-right .phone-number,
.style-text-service p,
.style-text-service .title,
.style-text-service a {
    color: var(--color-text) !important;
}

.price-slide,
.bottom-info-slide .price-slide,
.small-box:hover .title,
.small-box:focus-within .title,
.see-all:hover,
.see-all:focus-visible,
.back:hover,
.back:focus-visible {
    color: var(--color-brand-primary) !important;
}

.blue-template .search-title,
.blue-template .more-options,
.blue-template .tab-link,
.blue-template .inp-hld input,
.blue-template .inp-hld input::placeholder,
.blue-template .select2-selection__rendered,
.blue-template .select2-selection__placeholder,
.blue-wrap-info,
.blue-wrap-info a,
.blue-wrap-info span,
.small-box-right,
.small-box-right a,
.small-box-right p,
.text-part,
.text-part a,
.text-part .title-small {
    color: var(--color-surface) !important;
}

.right-part:before {
    background: var(--color-brand-strong) !important;
}

.teem-box:before {
    background: linear-gradient(
        0deg,
        var(--color-ink-strong) 0%,
        transparent 100%
    ) !important;
}

/* Requested frame color with hover/focus threshold behavior. */
.bottom-smaller-boxes .small-box,
.bottom-smaller-boxes1 .small-box,
.border-wrap,
.teem-box {
    border-color: var(--color-border-subtle) !important;
}

.bottom-smaller-boxes .small-box,
.bottom-smaller-boxes1 .small-box {
    box-shadow: inset 0 -1px 0 var(--color-border-subtle);
}

@media (hover: hover) {
    .bottom-smaller-boxes .small-box:hover,
    .bottom-smaller-boxes .small-box:focus-within,
    .bottom-smaller-boxes1 .small-box:hover,
    .bottom-smaller-boxes1 .small-box:focus-within {
        border-bottom-color: var(--color-brand-primary) !important;
        box-shadow: inset 0 -4px 0 var(--color-brand-primary);
    }
}

@media (hover: none) {
    .bottom-smaller-boxes .small-box,
    .bottom-smaller-boxes1 .small-box {
        border-bottom-color: var(--color-brand-primary) !important;
        box-shadow: inset 0 -3px 0 var(--color-brand-primary);
    }
}

.price-box span,
.show-hide-filters,
.blog-wrap .title-bottom,
.blue-background .date .top-small {
    border-color: var(--color-brand-primary) !important;
}

button.see-views,
.more-info a,
.bottom-buttons a,
.border-wrap,
.bott-imp-hld input,
.bott-imp-hld select,
.teem-box,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: var(--color-border-subtle) !important;
}

button.see-views:hover,
button.see-views:focus-visible,
.more-info a:hover,
.more-info a:focus-visible {
    border-color: var(--color-brand-primary) !important;
}

/* Keep the six-column home search row inside compact desktop/tablet viewports. */
@media screen and (min-width: 801px) and (max-width: 1100px) {
    .search-wrap .inputs-hld {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .blue-template .inputs-hld > .inp-hld:last-child .search-btn {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .home-index .homepage-about {
        flex-direction: column;
    }

    .home-index .homepage-about .left-part,
    .home-index .homepage-about .right-part {
        width: 100% !important;
    }

    .home-index .homepage-about .right-part {
        min-height: calc(var(--space-unit) * 52);
    }
}

@media screen and (max-width: 800px) {
    .search-wrap .inputs-hld {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 680px) {
    .search-wrap .inputs-hld {
        grid-template-columns: 1fr;
    }
}

.inp-hld input:focus,
.big-inp-hld textarea:focus,
.bott-imp-hld input:focus,
.bott-imp-hld select:focus {
    border-color: var(--color-brand-primary) !important;
}

.checkbox-wrap .checkmark:after {
    border-color: var(--color-brand-primary) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--color-brand-primary) !important;
    color: var(--color-surface) !important;
}

.select2-container--default.select2-container--open .select2-selection,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--classic.select2-container--open .select2-selection {
    border-color: var(--color-brand-primary) !important;
    box-shadow: 0 0 0 3px var(--color-brand-soft) !important;
}

/* Select2 4.1 uses an inline textarea for multiple-select placeholders. */
.blue-template .blue-filters .inp-hld-blue-brd {
    border-color: var(--color-border-warm) !important;
}

.blue-template .blue-filters .select2-selection--multiple .select2-search__field,
.blue-template .blue-filters .select2-selection--multiple .select2-search__field::placeholder {
    color: var(--color-surface-primary) !important;
    caret-color: var(--color-surface-primary);
    opacity: 1;
}

.blue-template .blue-filters .select2-selection:focus,
.blue-template .blue-filters .select2-selection:focus-visible,
.blue-template .blue-filters .select2-search__field:focus,
.blue-template .blue-filters .select2-search__field:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.blue-template .blue-filters .select2-container--default.select2-container--open .select2-selection,
.blue-template .blue-filters .select2-container--default.select2-container--focus .select2-selection {
    border-color: transparent !important;
    box-shadow: none !important;
}

.blue-template .blue-filters .select2-container--default.select2-container--open,
.blue-template .blue-filters .select2-container--default.select2-container--focus {
    outline: none !important;
    box-shadow: 0 0 0 var(--border-registration) var(--color-focus-on-dark) !important;
}

/* Legacy filter plugin states loaded from /box/mods. */
.sol-inner-container {
    border-color: var(--color-brand-primary) !important;
}

.sol-container.sol-active .sol-inner-container {
    border-color: var(--color-brand-hover) !important;
    box-shadow: 0 0 0 3px var(--color-brand-soft) !important;
}

.sol-action-buttons a {
    color: var(--color-brand-primary) !important;
}

.sol-action-buttons a:hover,
.sol-action-buttons a:focus-visible {
    border-bottom-color: var(--color-brand-primary) !important;
}

.sol-current-selection,
.sol-selection:not(.sol-keyboard-navigation) .sol-option:hover,
.sol-option.keyboard-selection {
    background: var(--color-brand-primary) !important;
}

/* Page-specific decorative rules. */
.left-pos .title:before,
.style-text-service:before,
.right-significant .sign-title:before,
.significant-box .title-bottom:before,
.bottom-info-teem .name:after,
.top-right:before {
    background: var(--color-brand-primary) !important;
}

.style-text-service a {
    border-color: var(--color-border-subtle) !important;
}

.style-text-service a:hover,
.style-text-service a:focus-visible,
.grey-part-pos .style-text-service a:hover,
.grey-part-pos .style-text-service a:focus-visible {
    background: var(--color-brand-primary) !important;
    border-color: var(--color-brand-primary) !important;
    color: var(--color-surface) !important;
}

.contact-page .blue-background {
    background: var(--color-border-warm) !important;
    margin-top: 0 !important;
}

.contact-page .blue-background .centered-info > .left {
    background: var(--color-surface-warm) !important;
}

.phone-top.first-phone:before,
.phone-mobile.first-phone:before {
    background-image: url("../img/phone1.svg") !important;
}

.first-email.email:before {
    background-image: url("../img/email.svg") !important;
}

.contact-page .blue-background .title {
    color: var(--color-text-primary) !important;
}

.blog-wrap .blue-background .title,
.blog-wrap .blue-background .date {
    color: var(--color-surface) !important;
}

.colum-info-part .middle-part,
.blog-wrap .blue-background .date .top-small {
    color: var(--color-brand-soft) !important;
}

.more-info-offer blockquote {
    border-left-color: var(--color-brand-primary) !important;
}

/* Shared enquiry system: flat survey-dossier form. */
.view-offer .property-enquiry-layout {
    display: grid;
    grid-template-columns: minmax(calc(var(--space-unit) * 30), 0.72fr) minmax(0, 1.28fr);
    align-items: start;
    gap: calc(var(--space-unit) * 6);
}

.view-offer .property-enquiry-intro,
.view-offer .property-enquiry-fields {
    float: none;
    width: auto !important;
    min-width: 0;
    margin: 0;
}

.view-offer .property-enquiry-intro .title,
.view-offer .property-enquiry-intro .bottom-send-riquest,
.view-offer .property-enquiry-intro .sub-txt {
    float: none;
    width: 100%;
    box-sizing: border-box;
}

.view-offer .property-enquiry-intro .title {
    margin: 0 0 calc(var(--space-unit) * 2);
}

.view-offer .property-enquiry-intro .bottom-send-riquest {
    padding: 0;
}

.view-offer .property-enquiry-intro .sub-txt {
    display: block;
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
}

.contact-enquiry-form {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
    width: 100%;
    padding: calc(var(--space-unit) * 4);
    background: var(--color-surface-primary);
    border: var(--border-frame) solid var(--color-border-emphasis);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    container-type: inline-size;
}

.contact-enquiry-form::before {
    /* position: absolute;
    top: calc(-1 * var(--border-registration));
    left: calc(var(--space-unit) * 2);
    width: var(--registration-shell);
    height: var(--border-registration);
    background: var(--color-border-emphasis);
    content: ""; */
}

.contact-enquiry-form > .inp-hld,
.contact-enquiry-form > .big-inp-hld,
.contact-enquiry-form .contact-captcha > .inp-hld {
    float: none;
    width: auto !important;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    box-sizing: border-box;
}

.contact-enquiry-form .contact-field,
.contact-enquiry-form .contact-message {
    display: flex;
    flex-direction: column;
}

.contact-enquiry-form .contact-field > label,
.contact-enquiry-form .contact-message > label {
    display: flex;
    align-items: baseline;
    gap: calc(var(--space-unit) / 2);
    width: 100%;
    margin: 0 0 var(--space-unit);
    color: var(--color-text-primary) !important;
    font-size: var(--type-meta-size);
    font-weight: 600;
    line-height: var(--type-meta-line-height);
}

.contact-enquiry-form .contact-required {
    color: var(--color-brand-primary);
}

.contact-enquiry-form .property-enquiry-consent-control {
    display: grid;
    grid-template-columns: calc(var(--space-unit) * 2.5) minmax(0, 1fr);
    align-items: start;
    gap: var(--space-unit);
    width: 100%;
}

.contact-enquiry-form .property-enquiry-consent-control > .checkbox {
    grid-row: 1;
    grid-column: 1;
    width: calc(var(--space-unit) * 2.5) !important;
    height: calc(var(--space-unit) * 2.5) !important;
    min-height: calc(var(--space-unit) * 2.5);
    margin: calc(var(--space-unit) / 4) 0 0 !important;
}

.contact-enquiry-form .property-enquiry-consent-control > label {
    grid-row: 1;
    grid-column: 2;
    color: var(--color-text-primary);
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
}

.contact-enquiry-form .contact-field > input,
.contact-enquiry-form .contact-message > textarea {
    display: block;
    float: none;
    width: 100% !important;
    height: auto !important;
    min-height: calc(var(--space-unit) * 6.5);
    padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);
    background: var(--color-surface-primary) !important;
    border: 1px solid var(--color-border-warm) !important;
    border-radius: var(--radius-small);
    box-sizing: border-box;
    color: var(--color-text-primary) !important;
    font-family: inherit;
    font-size: var(--type-body-size);
    line-height: var(--type-body-line-height);
    box-shadow: none;
}

.contact-enquiry-form .contact-field > input:hover,
.contact-enquiry-form .contact-message > textarea:hover {
    border-color: var(--color-brand-primary) !important;
}

.contact-enquiry-form .contact-field > input:focus,
.contact-enquiry-form .contact-field > input:focus-visible,
.contact-enquiry-form .contact-message > textarea:focus,
.contact-enquiry-form .contact-message > textarea:focus-visible {
    outline: var(--border-frame) solid var(--color-focus-ring) !important;
    outline-offset: var(--border-frame);
    border-color: var(--color-focus-ring) !important;
    box-shadow: var(--shadow-focus) !important;
}

.contact-enquiry-form .contact-captcha-group,
.contact-enquiry-form .contact-message,
.contact-enquiry-form .property-enquiry-consent,
.contact-enquiry-form > .contact-submit {
    grid-column: 1 / -1;
}

.contact-enquiry-form .contact-message textarea {
    min-height: calc(var(--space-unit) * 22);
    resize: vertical;
}

.contact-enquiry-form .contact-captcha {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: calc(var(--space-unit) * 2);
    width: 100%;
    padding: calc(var(--space-unit) * 2);
    background: var(--color-surface-stone);
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    text-align: left;
}

.contact-enquiry-form .contact-captcha-preview {
    display: grid;
    align-content: start;
    gap: var(--space-unit);
}

.contact-enquiry-form .contact-captcha-refresh {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: calc(var(--space-unit) * 2);
    width: 100%;
    min-height: calc(var(--space-unit) * 8);
    padding: var(--space-unit);
    background: var(--color-surface-warm);
    border: 1px solid var(--color-border-warm);
    border-radius: var(--radius-small);
    box-sizing: border-box;
    color: var(--color-text-muted);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--type-meta-size);
    line-height: var(--type-meta-line-height);
    text-align: left;
}

.contact-enquiry-form .contact-captcha-refresh:hover {
    border-color: var(--color-brand-primary);
}

.contact-enquiry-form .contact-captcha-refresh:focus-visible {
    outline: var(--border-frame) solid var(--color-focus-ring) !important;
    outline-offset: var(--border-frame);
    border-color: var(--color-focus-ring);
    box-shadow: var(--shadow-focus) !important;
}

.contact-enquiry-form .contact-captcha-refresh img {
    display: block;
    width: calc(var(--space-unit) * 18.75);
    max-width: 100%;
    height: auto;
    border: 1px solid var(--color-border-warm);
}

.contact-enquiry-form .contact-captcha-audio {
    justify-self: start;
    padding: calc(var(--space-unit) / 2) 0;
    border-bottom: 1px solid var(--color-brand-primary);
    color: var(--color-brand-primary);
    font-size: var(--type-meta-size);
    font-weight: 600;
    line-height: var(--type-meta-line-height);
}

.contact-enquiry-form .contact-captcha-audio:hover,
.contact-enquiry-form .contact-captcha-audio:focus-visible {
    border-bottom-color: var(--color-brand-hover);
    color: var(--color-brand-hover);
}

.contact-enquiry-form > .contact-submit {
    float: none;
    justify-self: end;
    width: auto !important;
    min-width: calc(var(--space-unit) * 35);
    height: calc(var(--space-unit) * 6);
    margin: 0 !important;
    padding: 0 calc(var(--space-unit) * 4) !important;
    background: var(--color-brand-primary) !important;
    border: var(--border-frame) solid var(--color-brand-primary) !important;
    border-radius: var(--radius-small);
    color: var(--color-surface-primary) !important;
    font-family: inherit;
    font-size: var(--type-body-size);
    font-weight: 600;
    line-height: 1;
}

.contact-enquiry-form > .contact-submit::after {
    content: none !important;
}

.contact-enquiry-form > .contact-submit:hover,
.contact-enquiry-form > .contact-submit:focus-visible {
    background: var(--color-brand-hover) !important;
    border-color: var(--color-brand-hover) !important;
}

.contact-enquiry-form .contact-field > input.parsley-success,
.contact-enquiry-form .contact-message > textarea.parsley-success {
    background: var(--color-surface-primary) !important;
    border-color: var(--color-border-warm) !important;
    color: var(--color-text-primary) !important;
}

.contact-enquiry-form .contact-field > input.parsley-error,
.contact-enquiry-form .contact-message > textarea.parsley-error {
    background: var(--color-surface-primary) !important;
    border-color: var(--color-danger) !important;
    color: var(--color-text-primary) !important;
}

.contact-enquiry-form .parsley-errors-list {
    width: 100%;
    margin: var(--space-unit) 0 0 !important;
    font-size: var(--type-meta-size);
    line-height: var(--type-meta-line-height);
}

.contact-enquiry-form .parsley-errors-list li {
    color: var(--color-danger) !important;
    line-height: var(--type-meta-line-height);
}

.contact-enquiry-form .property-enquiry-consent > .parsley-errors-list {
    width: calc(100% - (var(--space-unit) * 3.5));
    margin: var(--space-unit) 0 0 calc(var(--space-unit) * 3.5) !important;
}

.contact-enquiry-form .property-enquiry-consent-control > input.checkbox.parsley-success,
.contact-enquiry-form .property-enquiry-consent-control > input.checkbox.parsley-error {
    background-color: transparent !important;
    border-color: initial !important;
    color: initial !important;
}

.contact-enquiry-form .property-enquiry-consent-control > input.checkbox.parsley-error {
    outline: var(--border-frame) solid var(--color-danger) !important;
    outline-offset: var(--border-frame);
}

.contact-enquiry-form .property-enquiry-consent-control.parsley-error {
    outline: var(--border-frame) solid var(--color-danger);
    outline-offset: var(--border-frame);
}

@container (max-width: 680px) {
    .contact-enquiry-form .contact-captcha {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 680px) {
    .contact-page .right-pos {
        padding-left: 0 !important;
        box-sizing: border-box;
    }

    .contact-enquiry-form {
        grid-template-columns: 1fr;
        gap: calc(var(--space-unit) * 2);
        padding: calc(var(--space-unit) * 3);
    }

    .contact-enquiry-form .contact-captcha {
        grid-template-columns: 1fr;
    }

    .contact-enquiry-form > .contact-submit {
        justify-self: stretch;
        width: 100% !important;
        min-width: 0;
    }
}

@media screen and (max-width: 1024px) {
    .view-offer .property-enquiry-layout {
        grid-template-columns: 1fr;
        gap: calc(var(--space-unit) * 3);
    }
}

@media screen and (max-width: 420px) {
    .contact-enquiry-form .contact-captcha-refresh {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}

/* Preserve semantic danger and third-party Viber branding. */
.tickets .ticket.red {
    background: var(--color-danger) !important;
    color: var(--color-surface) !important;
}

.viber-btn {
    background: #6F3FFA !important;
}

.viber-btn:hover,
.viber-btn:focus-visible {
    background: #5D34D4 !important;
}