/********* BUTTON MAIN *********/
.btn-main {
    display: inline-flex;
    justify-content: space-between;
    min-width: 115px;
    width: auto;
    border: 0;
    border-bottom: 1px solid var(--color-black);
    padding: 0;
    padding-bottom: 5px;
    background: transparent;
    color: var(--color-black);
    transition: transform 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.btn-main::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 16px;
    margin-top: 5px;
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23404040;'/%3E%3C/svg%3E");
    transition: transform 0.3s ease, background-image 0.3s ease;
}
.btn-main:hover {
    color: var(--color-green);
    border-color: var(--color-green);
}
.btn-main:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%236E9644;'/%3E%3C/svg%3E");
}
.btn-main:hover::after {
    transform: translateX(5px);
}
.btn-main.white {
    border-bottom: 1px solid var(--color-white);
    color: var(--color-white);
}
.btn-main.white::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 16px;
    margin-top: 5px;
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23FFFFFF;'/%3E%3C/svg%3E");
}
.btn-main.white:hover {
    color: var(--color-black);
    border-color: var(--color-black);
}
.btn-main.white:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23404040;'/%3E%3C/svg%3E");
}
.btn-main.nobrd {
    border: none;
    color: var(--color-white);
    padding: 0;
}
.btn-main.nobrd::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 16px;
    margin-top: 5px;
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23FFFFFF;'/%3E%3C/svg%3E");
}
/********* END BUTTON MAIN *********/

/********* BUTTON LEARN MORE *********/
.learn-more-toggle {
    display: inline-flex;
    justify-content: space-between;
    border: none;
    background: transparent;
    color: var(--color-white);
    font-family: var(--font-bold);
}
.learn-more-toggle::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 16px;
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23FFFFFF;'/%3E%3C/svg%3E");
    transition: transform 0.3s ease;
}
.learn-more-toggle:hover::after {
  transform: translateX(5px);
  transition: transform 0.3s ease;
}
/********* END BUTTON LEARN MORE *********/

/********* BUTTON BACK *********/
.btn-back {
    display: inline-flex;
    justify-content: space-between;
    min-width: 115px;
    width: auto;
    border: 0;
    border-bottom: 1px solid var(--color-black);
    padding: 0;
    padding-bottom: 5px;
    background: transparent;
    color: var(--color-black);
}
.btn-back::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    margin-top: 5px;
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23404040;'/%3E%3C/svg%3E");
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}
.btn-back:hover::before {
    transform: translateX(-5px) rotate(180deg);
}
/********* END BUTTON BACK *********/

/********* BUTTON CIRCLE *********/
.btn-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid var(--color-black);
    background: transparent;
    transition: background 0.3s ease;
}
a:hover .btn-circle {
    background: var(--color-black);
}
a:hover .btn-circle::after {
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23ffffff;'/%3E%3C/svg%3E");
}
.btn-circle::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 10px;
    background: transparent no-repeat center /16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.16 9.18'%3E%3Cpath d='M0,3.8h11.1l-2.66-2.64,1.16-1.16,4.56,4.6-4.56,4.58-1.16-1.16,2.66-2.62-11.1.02v-1.62Z' style='fill:%23404040;'/%3E%3C/svg%3E");
}
/********* END BUTTON CIRCLE *********/

/********* CAROUSEL BUTTONS *********/
.carousel-prev {
    width: 11px;
    height: 22px;
    border: none;
    background-color: transparent;
    display: inline-flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.15 23.84'%3E%3Cpolygon points='11.72 23.84 0 11.92 11.72 0 13.15 1.4 2.8 11.92 13.15 22.44 11.72 23.84' style='fill:%23404040;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}
.carousel-next {
    width: 11px;
    height: 22px;
    border: none;
    background-color: transparent;
    display: inline-flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.15 23.84'%3E%3Cpolygon points='11.72 23.84 0 11.92 11.72 0 13.15 1.4 2.8 11.92 13.15 22.44 11.72 23.84' style='fill:%23404040;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    transform: rotate(180deg);
}


/********* END CAROUSEL BUTTONS *********/

/********* Btn Close *********/
.btn-close:focus {
    box-shadow: none;
}