/* fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* variables */
:root {
    --main-color: #6ad724;
    --ghost-color: #1E6B00;
    --secondary-color: #6e6efa;

    --main-color-hover: #4EBB00;
    --ghost-bg-color-hover: #E8FFDC;
    --secondary-color-hover: #473BC5;

    --main-color-active: #389E00;
    --ghost-bg-color-active: #B0FF8A;
    --secondary-color-active: #2E029B;

    --border-color: #D9DEE2;

    --box-shadow: 0 2px 4px #0E13183F;

    --regular: 400;
    --semi-bold: 600;
    --bold: 700;

    --font-xxl: 40px;
    --font-xl: 28px;
    --font-lg: 20px;
    --font-md: 16px;
    --font-sm: 14px;
    --font-xs: 12px;

    --lh-lg: 150%;
    --lh-md: 130%;

    --radius-lg: 24px;
    --radius-md: 12px;

    --padding: 8px 20px;

    --black: #0e1318;
    --white: #ffffff;
    --grey: #677889;
    --grey-inactive: #3B454E;


}

/* main styles */
html, body {
    font-family: 'DM Sans', Arial, Helvetica, sans-serif !important;
    font-size: var(--font-md);
    font-weight: var(--regular);
    color: var(--black);
}

body h1 {
    font-size: var(--font-xxl);
    font-weight: var(--semi-bold);
}

body h2 {
    font-weight: var(--bold);
    font-size: var(--font-xl);
    text-align: left !important;
}

.block__description a {
    color: var(--black);
    text-decoration: underline;
}

.block__description a:focus, .block__description a:active {
    color: var(--grey);
    text-decoration: underline;
}

/*
a.primary, button.primary {
    border-radius: var(--radius-md);
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--black);
}
a.primary:hover, button.primary:hover {
    border-color: var(--main-color-hover);
    background-color: var(--main-color-hover);
    color: var(--black);
}
a.primary:active, button.primary:active {
    border-color: var(--main-color-active);
    background-color: var(--main-color-active);
    color: var(--black);
}

a.secondary, button.secondary {
    border-radius: var(--radius-md);
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    color: var(--white);
}
a.secondary:hover, button.secondary:hover {
    border-color: var(--secondary-color-hover);
    background-color: var(--secondary-color-hover);
    color: var(--white);
}
a.secondary:active, button.secondary:active {
    border-color: var(--secondary-color-active);
    background-color: var(--secondary-color-active);
    color: var(--white);
}

a.ghost, button.ghost {
    border-radius: var(--radius-md);
    border-color: var(--ghost-color);
    background-color: var(--white);
    color: var(--ghost-color);
}
a.ghost:hover, button.ghost:hover {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-hover);
    color: var(--ghost-color);
}
a.ghost:active, button.ghost:active {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-active);
    color: var(--ghost-color);
}
*/

/* SL */
@media (max-width: 575px) {
    #module-search {
        width: calc(100% - 32px);
        margin: 0 16px;
    }
}

@media screen and (max-width: 992px) {
    .page-header__title--container .page-header__title::before {
        font-size: var(--font-xl);
    }
}

@media (min-width: 768px) {
    .search-bar .search-bar-input {
        max-width: 50%;
    }

    #module-search .search-localisation-container {
        max-width: 20%;
        min-width: 170px;
    }

    #module-search .search-bar-submit {
        max-width: 16%;
    }
}

#module-search .search-bar .search-bar-inner {
    gap: 12px;
}

#module-search #search_query {
    border-radius: var(--radius-md);
}

#module-search .search-bar-submit {
    border-radius: var(--radius-md);
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--black);
    font-weight: var(--semi-bold);
    font-size: var(--font-sm);
    text-transform: capitalize;
}

#module-search .search-bar-submit:hover {
    border-color: var(--main-color-hover);
    background-color: var(--main-color-hover);
    color: var(--black);
}

#module-search .search-bar-submit:active {
    border-color: var(--main-color-active);
    background-color: var(--main-color-active);
    color: var(--black);
}

#module-search .search-localisation-container {
    order: 2;
}

#module-search .search-bar-geolocation {
    position: relative;
    white-space: nowrap;
    min-width: 170px;
}

#module-search .search-bar-geolocation::after {
    content: "Me géolocaliser";
}

#module-search .search-bar-geolocation {
    border-radius: var(--radius-md);
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    color: var(--white);
    font-weight: var(--semi-bold);
    font-size: var(--font-sm);
}

#module-search .search-bar-geolocation:hover {
    border-color: var(--secondary-color-hover);
    background-color: var(--secondary-color-hover);
    color: var(--white);
}

#module-search .search-bar-geolocation:active {
    border-color: var(--secondary-color-active);
    background-color: var(--secondary-color-active);
    color: var(--white);
}

#result-head .section-title {
    font-size: var(--font-xl);
    font-weight: var(--semi-bold);
    text-transform: none;
}

@media screen and (min-width: 992px) {
    #result-head .section-title {
        font-size: var(--font-xxl);
    }
}

.container .section-title {
    font-weight: var(--bold);
    font-size: var(--font-xl);
    text-align: left !important;
    text-transform: none;
}

#search-result {
    padding-bottom: 50px;
}

#module-map .map {
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    height: 650px;
}

#module-liste-store #list-container {
    height: 650px;
}

/* SL : item magasin */
#module-liste-store #list-container #list-store .item-magasin {
    font-size: var(--font-sm);
    color: var(--black);
    font-weight: var(--regular);
    line-height: var(--lh-lg);
    font-variant: tabular-nums;
}

#module-liste-store #list-container #list-store .item-magasin .item-container .store-info address,
#module-liste-store #list-container #list-store .item-magasin .item-container .store-info .horaires,
#module-liste-store #list-container #list-store .item-magasin .item-container .store-info .telephone a {
    color: var(--black);
}

#module-liste-store #list-container #list-store .item-magasin .item-container .store-info .telephone a:hover {
    text-decoration: none;
    color: var(--ghost-color);
}

#module-liste-store #list-container #list-store .item-magasin .item-container .store-page-link {
    flex-direction: column;
    align-items: start;
    gap: 8px;
}

.store-page-link .link--go-to-store-page {
    text-decoration: underline;
    color: var(--secondary-color) !important;
    display: block;
    margin: 8px 0;
}

.store-page-link .link--go-to-store-page:hover,
.store-page-link .link--go-to-store-page:active {
    color: var(--black) !important;
}

.store-page-link .link--go-to-appointment-page,
.store-page-link .link--go-to-additional-page {
    padding: var(--padding);
    width: 100%;
    text-align: center;
    font-weight: var(--semi-bold);
    font-size: 14px;
    line-height: var(--lh-lg);
}

.store-page-link .link--go-to-appointment-page {
    border-radius: var(--radius-md);
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--black) !important;
}

.store-page-link .link--go-to-appointment-page:hover {
    border-color: var(--main-color-hover);
    background-color: var(--main-color-hover);
    color: var(--black);
    text-decoration: none;
}

.store-page-link .link--go-to-appointment-page:active {
    border-color: var(--main-color-active);
    background-color: var(--main-color-active);
    color: var(--black);
}

.store-page-link .link--go-to-additional-page {
    border-radius: var(--radius-md);
    border: 1px solid var(--ghost-color);
    background-color: var(--white);
    color: var(--ghost-color) !important;
}

.store-page-link .link--go-to-additional-page:hover {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-hover);
    color: var(--ghost-color);
    text-decoration: none;
}

.store-page-link .link--go-to-additional-page:active {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-active);
    color: var(--ghost-color);
}


#module-liste-store #list-container #list-store .item-magasin .item-container .marker-info .info-dist {
    font-size: var(--font-sm);
    font-weight: var(--semi-bold);
    line-height: var(--lh-md);
}

#module-liste-store #list-container #list-store .item-magasin .item-container .marker-info .marker {
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/AA_symbole.png') !important;
    width: 72px;
    height: 41px;
}

.item-magasin .marker-info {
    padding: 0;
}

#module-liste-store #list-container #list-store .item-magasin .item-container .store-info .title-store {
    font-size: var(--font-lg);
    text-transform: none !important;
    color: var(--black);
    font-weight: var(--semi-bold);
}

#module-liste-store #list-container #list-store .item-magasin .text-custom {
    color: var(--black) !important;
}

/* infobox map */
.infobox-inner {
    font-family: 'DM Sans', Arial, Helvetica, sans-serif;
}

#module-map .customized-infobox {
    border-radius: var(--radius-lg);
}

#module-map .customized-infobox .infobox-image {
    max-height: 120px;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.infobox-content,
.infobox-content .tabbable-line {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

#module-map .customized-infobox .nav-tabs {
    background: var(--white);
    border: 0 none;
    padding: 0 16px;
}

#module-map .customized-infobox .nav-tabs > li > a {
    font-size: var(--font-sm);
    font-weight: var(--regular);
    color: var(--grey-inactive);
    line-height: var(--lh-lg);
    opacity: 1;
}

#module-map .customized-infobox .nav-tabs > li.active > a {
    font-weight: var(--semi-bold);
    color: var(--ghost-color);
    border-bottom-color: var(--ghost-color);
}

#module-map .customized-infobox .nav-tabs > li:nth-child(2) > a::after {
    content: "d'ouverture";
}

#module-map .customized-infobox .item-details .item-title .item-brand,
#module-map .customized-infobox .item-details .item-title .item-name {
    display: inline-block;
    font-size: var(--font-lg);
    line-height: var(--lh-md);
    color: var(--black);
}

#module-map .customized-infobox .item-details .item-address,
#module-map .customized-infobox .item-details .item-phone {
    color: var(--black);
    font-size: var(--font-sm);
    font-weight: var(--regular);
    line-height: var(--lh-lg);
}

#module-map .customized-infobox .item-hours ul {
    color: var(--black);
}

/* store by city */
.module__container--store-list .list-container .list-item a {
    color: var(--black);
    background: var(--white);
}

.module__container--store-list .list-container .list-item a:hover {
    color: var(--black);
    text-decoration: underline;
    background: var(--white);
}

/* Store page */
.access-store .page-container {
    background: var(--white) !important;
    display: flex;
    flex-direction: column-reverse;
}

.access-store main {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-top: 0 !important;
}

.access-store main > section {
    order: 0;
}

.access-store main > section.website-section__container,
.access-store main > section.nearby-stores__container,
.access-store main > section.store-nearby-cities {
    order: 1;
}

body :is(main:has(#st-access-module[data-template="v1"])) #module-store-details,
body main[data-template="v1"] #module-store-details,
body .store-hours__container .wrapper,
body .website-section__container .blocks__container,
body .nearby-stores__container .nearby-store__element,
body .itinerary-map__container #module-map-itin .map {
    border-radius: var(--radius-md);
    box-shadow: var(--box-shadow);
}

body .store-picture__container .store-picture {
    border-radius: var(--radius-lg) !important;
}


/* breadcrumbs SL */
#module-breadcrumb {
    top: unset;
    bottom: -35px;
    background: var(--white);
}

/* breadcrumbs */
.store-breadcrumbs__container .breadcrumb__item {
    font-weight: var(--regular);
}

#module-breadcrumb .breadcrumb-content .breadcrumb__item--name {
    color: var(--black);
}

.store-breadcrumbs__container .breadcrumb__item--container.current-page,
.store-breadcrumbs__container .breadcrumb__item--container.home-page {
    font-weight: var(--semi-bold);
}

#module-breadcrumb .breadcrumb__item + span,
#module-breadcrumb .breadcrumb__caret,
.store-breadcrumbs__container .breadcrumb__caret {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Arrow.svg') no-repeat center center;
    background-size: 12px 12px;
    width: 12px;
    display: inline-block;
}

/* SL page : custom icons */
#module-search .header-sl__search-location--icon {
    position: absolute;
    left: 14px;
    top: 23px;
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Location.svg');
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.fa.fa-location-arrow {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Icon.svg');
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.fa.fa-clock-o {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Clock.svg');
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

/* Store page : custom icons */
.fa.fa-phone {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Phone.svg');
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.fa.fa-envelope {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Mail.svg');
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.receive-details .fa.fa-envelope {
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Mail-filled.svg');
    background-size: 16px;
}

.fa.fa-car {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Gas-station.svg');
    background-size: 19px;
    width: 16px;
    height: 19px;
}

.fa.fa-money {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Euro.svg');
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.fa.fa-coffee {
    color: transparent;
    background: url('https://cdn.smart-traffik.com/v2_clients/aramis-auto/images/Coffee.svg');
    background-size: 16px;
    width: 16px;
    height: 16px;
}

/* Store page : main info */
.store-main-info__title {
    font-size: var(--font-xxl);
    font-weight: var(--semi-bold);
}

.photo_directeur {
    display: flex;
    gap: 32px;
    align-items: center;
    margin-bottom: 16px;
}

.photo_directeur .block__image--container {
    flex-basis: 90px;
    flex-shrink: 0;
}

.photo_directeur .block__image {
    width: 100%;
    border-radius: 50%;
}

.photo_directeur .block__description {
    font-weight: var(--semi-bold);
    font-size: var(--font-md);
    color: var(--secondary-color);
    line-height: var(--lh-lg);
}

.store-details__container .store-main-info__email--link {
    display: flex;
    align-items: center;
    gap: 8px;
}

.store-informations-extra__block .open-modal {
    border-bottom: 0 none;
    padding-left: 0;
}

.store-details__container .store-main-info__telephone--link,
.store-details__container .store-main-info__email--link,
.store-informations-extra__block .receive-details.open-modal,
.store-informations-extra__block .payment-methods.open-modal,
.store-informations-extra__block .amenities.open-modal,
.store-informations-extra__block .fuel-types.open-modal {
    font-size: var(--font-md);
    color: var(--black);
    text-decoration: none;
}

.store-details__container a.store-main-info__telephone--link:hover,
.store-details__container .store-main-info__email--link:hover,
.store-informations-extra__block .receive-details.open-modal:hover,
.store-informations-extra__block .payment-methods.open-modal:hover,
.store-informations-extra__block .amenities.open-modal:hover,
.store-informations-extra__block .fuel-types.open-modal:hover,
.store-main-info__telephone--link:active,
.store-main-info__email--link:active,
.store-informations-extra__block .receive-details.open-modal:active,
.store-informations-extra__block .payment-methods.open-modal:active,
.store-informations-extra__block .amenities.open-modal:active,
.store-informations-extra__block .fuel-types.open-modal:active {
    font-size: var(--font-md);
    color: var(--ghost-color);
    text-decoration: none;
    border-bottom: 0 none;
}

.store-details__container .store-informations__social-network {
    font-size: var(--font-lg);
    color: var(--black);
    text-decoration: none;
}

.store-details__container .store-informations__social-network:hover,
.store-details__container .store-informations__social-network:active {
    color: var(--grey);
}

.open-modal {
    display: none !important;
}

.store-informations__additional-button {
    flex-direction: row-reverse;
    justify-content: start;
}

.link--additional {
    padding: var(--padding);
    border-radius: var(--radius-md);
    font-size: var(--font-md);
    line-height: var(--lh-lg);
    font-weight: var(--semi-bold);
    display: flex;
    align-items: center;
    justify-content: center;
}

.link--additional.link--go-to-appointment-page {
    border-radius: var(--radius-md);
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--black);
}

.link--additional.link--go-to-appointment-page:hover {
    border-color: var(--main-color-hover);
    background-color: var(--main-color-hover);
    color: var(--black);
}

.link--additional.link--go-to-appointment-page:active {
    border-color: var(--main-color-active);
    background-color: var(--main-color-active);
    color: var(--black);
}

.nearby-stores__container .nearby-stores__list .store__city,
.link--additional.link--go-to-additional-page {
    border-radius: var(--radius-md);
    border-color: var(--ghost-color);
    background-color: var(--white);
    color: var(--ghost-color);
}

.nearby-stores__container .nearby-stores__list .store__city:hover,
.link--additional.link--go-to-additional-page:hover {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-hover);
    color: var(--ghost-color);
}

.nearby-stores__container .nearby-stores__list .store__city:active,
.link--additional.link--go-to-additional-page:active {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-active);
    color: var(--ghost-color);
}

/* hours */
.store-hours__container .store-hours__hour.today {
    color: var(--secondary-color);
}

.store-hours__container .store-hours__hour:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

@media only screen and (min-width: 900px) {
    :is(main:has(#st-access-module[data-template="v1"])) .store-hours__hour:not(:last-child), main[data-template="v1"] .store-hours__hour:not(:last-child) {
        border-right: 1px solid var(--border-color);
        border-bottom: 0 none;
    }
}

/* sections */
.website-section__container {
    margin: 0;
}

.block__description li {
    list-style: "·";
    padding-left: 5px;
}

/* presentation */
section[data-slug="presentation"].website-section__container .block__container {
    display: block;
}

section[data-slug="presentation"] .block__image--container {
    float: left;
    shape-outside: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    width: 112px;
    height: auto;
    margin: 0 20px 20px 0;
}

@media (max-width: 768px) {
    section[data-slug="presentation"] .block__image--container {
        width: 96px;
    }
}

section[data-slug="presentation"] .block__image {
    object-fit: cover;
}

.website-section__container .service-section {
    justify-content: start;
    align-items: start;
    gap: 0;
}

.website-section__container .service-block {
    cursor: pointer;
}

.website-section__container .service-block:hover .block__title {
    text-decoration: underline;
}

.website-section__container .service-block__content {
    justify-content: start;
}

.website-section__container .service-block__image {
    margin-bottom: 0;
}

.website-section__container .service-block__title {
    font-size: 16px;
    color: var(--black);
    font-weight: var(--regular);
    line-height: var(--lh-lg);
    margin-top: 8px;
}

.website-section__container .service-block__description {
    display: none;
}

.website-section__container .service-block__button {
    display: none;
}


.website-section__container .other-service-item, .website-section__container .service-block {
    display: flex;
    flex-direction: row;
    align-items: start;
    text-align: start;
    justify-content: start;
    gap: 8px;

}

@media screen and (min-width: 900px) {
    .website-section__container .other-service-item, .website-section__container .service-block {
        max-width: 250px;    flex-grow: 0;
    }
}
@media screen and (max-width: 900px) {
    .website-section__container .other-service-item, .website-section__container .service-block {
        --service-block-column-count: 2;
    }
}

.other-service-title a {
    color: var(--black);
    margin-top: 4px;
    display: block;
}

/* map */
.itinerary-map__container a.itinerary-map__button {
    border-radius: var(--radius-md);
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
    color: var(--white);
    font-size: 0;
}

.itinerary-map__container a.itinerary-map__button::after {
    content: "Voir l'itinéraire";
    font-size: var(--font-sm);
    text-transform: none;
}

.itinerary-map__container a.itinerary-map__button:hover {
    border-color: var(--secondary-color-hover);
    background-color: var(--secondary-color-hover);
    color: var(--white);
}

.itinerary-map__container a.itinerary-map__button:active {
    border-color: var(--secondary-color-active);
    background-color: var(--secondary-color-active);
    color: var(--white);
}

/* nearby stores */
.module__container--store-list {
    background: var(--white);
}

@media screen and (min-width: 600px) {
    .nearby-stores__container .nearby-store__element {
        grid-template-columns: 35px 1fr;
        grid-column-gap: 16px;
    }
}

.nearby-stores__container .store__distance {
    display: block;
    text-align: center;
    margin-top: -8px;
}

/* nearby cities */
.nearby-cities {
    background: var(--white);
}

.nearby-cities .city-list-container .list-city a {
    background: var(--white);
    color: var(--black)
}

.nearby-cities .city-list-container .list-city a:hover {
    background: var(--white);
    text-decoration: underline;
}

#module-all-cities .list-item {
    max-width: 100% !important;
}

#module-all-cities .list-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-height: none;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

#module-all-cities .list-container.collapsed .list-item:nth-child(n + 13) {
    display: none;
}

#module-all-cities .show-more-btn {
    display: block;
    margin: 0 auto;
    font-weight: var(--semi-bold);
    padding: var(--padding);
    border-radius: var(--radius-md);
    border: 1px solid var(--ghost-color);
    background-color: var(--white);
    color: var(--ghost-color);
}

#module-all-cities .show-more-btn:hover {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-hover);
    color: var(--ghost-color);
}

#module-all-cities .show-more-btn:active {

    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-active);
    color: var(--ghost-color);
}

@media (max-width: 1024px) {
    #module-all-cities .list-container {
        grid-template-columns: repeat(2, 1fr);
    }

    #module-all-cities .list-container.collapsed .list-item:nth-child(n + 8) {
        display: none;
    }
}

@media (max-width: 768px) {
    #module-all-cities .list-container {
        grid-template-columns: repeat(1, 1fr);
    }

    #module-all-cities .list-container.collapsed .list-item:nth-child(n + 4) {
        display: none;
    }
}

@media only screen and (min-width: 600px) {
    .website-section__container.section-highlighted-service .service-content {
        grid-template-columns: 120px 1fr;
    }

    .website-section__container.section-highlighted-service .service-content .block__image--container img {
        object-fit: contain;
    }
}


/* ADM - cities nearby */
.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--show-more-info {
    text-decoration: underline;
    color: var(--secondary-color) !important;
    display: inline-block;
    margin: 8px 0;
    background: transparent;
    border: 0;
    text-align: left;
    padding: 0;
    font-size: var(--font-sm);
    float: none;
}

.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--show-more-info:hover,
.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--show-more-info:active {
    color: var(--black) !important;
}

.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--appointment {
    border-radius: var(--radius-md);
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: var(--black);
}
.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--appointment:hover {
    border-color: var(--main-color-hover);
    background-color: var(--main-color-hover);
    color: var(--black);
}
.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--appointment:active {
    border-color: var(--main-color-active);
    background-color: var(--main-color-active);
    color: var(--black);
}

.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--additional {
    border-radius: var(--radius-md);
    border-color: var(--ghost-color);
    background-color: var(--white);
    color: var(--ghost-color);
}
.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--additional:hover {

    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-hover);
    color: var(--ghost-color);
}
.nearby-stores .nearby-stores__list .nearby-store__element .store__description .store__links .btn--additional:active {
    border-color: var(--ghost-color);
    background-color: var(--ghost-bg-color-active);
    color: var(--ghost-color);
}