/* BTN MAIN */
.btn-main {
    display: inline-flex;
    align-items: center;
    justify-content: end;
    gap: 5px;
    height: 32px;
    min-width: 97px;
    padding: 0;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    color: var(--color-black);
    font-family: var(--font-h);
    text-transform: uppercase;
    transition: transform .4s ease-in;
}
.btn-main:hover {
    color: var(--color-black);
}
.btn-main.btn-white {
    color: var(--color-white);
}
.btn-main.btn-white:hover {
    color: var(--color-white);
}
.btn-main::before, .btn-main::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 100%;
    transition: transform .4s ease-in;
}
.btn-main::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%23010101;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%23010101;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main.btn-white::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M16.6.76v-.76C7.1,4.31,0,13.65,0,25.12s6.5,21.96,16.39,26.22v-.71c-8.14-4.92-11.74-15.57-11.74-25.51S8.85,5.68,16.6.76Z' style='fill:%23ffffff;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main.btn-white::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.6 51.34'%3E%3Cpath d='M0,0v.76c7.76,4.91,11.96,14.53,11.96,24.36S8.36,45.72.22,50.63v.71c9.89-4.26,16.39-14.64,16.39-26.22S9.5,4.31,0,0Z' style='fill:%23ffffff;stroke-width:0px;'/%3E%3C/svg%3E") no-repeat center;
}
.btn-main:hover::before {
    transform: translateX(10px);
}
.btn-main:hover::after {
    transform: translateX(-10px);
}
@media(min-width: 744px) {
    .btn-main {
        gap: 14px;
        height: 42px;
        min-width: 113px;
    }
}
@media(min-width: 1200px) {
    .btn-main {
        min-width: 120px;
    }
}
/* LINK */
.link {
    position: relative;
    display: inline-block;
    /* font-family: var(--font-h); */
    transition: color .4s ease-in;
}
.link:hover {
    color: var(--color-blue);
}
.link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 1px solid var(--color-black);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease-in, border .4s ease-in;
}
.link:hover::before {
    border: 1px solid var(--color-blue);
    transform: scaleX(1);
}
/* LINK SIMPLE */
.link-s {
    display: inline-block;
    transition: color .4s ease-out;
}
.link-s:hover {
    color: var(--color-blue);
}
/* LINK UNDERLINE */
.link-ul, .theContent a {
    position: relative;
    display: inline-block;
    outline: none !important;
    box-shadow: none !important;
}
.theContent a {
    font-size: inherit;
    /* text-transform: uppercase; */
    font-family: var(--font-h);
}
.link-ul::before, .link-ul::after, .theContent a::before, .theContent a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid var(--color-black);
    transform-origin: right;
    transition: transform 0.3s ease-out;
    will-change: transform;
}
.link-ul::before, .theContent a::before {
    transform: scaleX(1);
    transform-origin: left center;
    transition-delay: .1s;
}
.link-ul::after, .theContent a::after {
    transform: scaleX(0);
    transform-origin: right center;
    transition-delay: 0s;
}
@media (hover: hover) {
    .link-ul:hover::before, .theContent a:hover::before {
        transform: scaleX(0);
        transform-origin: right center;
        transition-delay: 0s;
    }
    .link-ul:hover::after, .theContent a:hover::after {
        transform: scaleX(1);
        transform-origin: left center;
        transition-delay: .1s;
    }
}
/* BTN CLOSE */
.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    width: 30px;
    height: 30px;
    left: unset;
    background: transparent url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%23ffffff%22/%3E%3C/svg%3E') center / 30px auto no-repeat;
    opacity: 1;
    box-shadow: none !important;
    border: none !important;
    transition: transform .4s ease-in, background .4s ease-in;
}
.btn-close.btn-dark {
    background: transparent url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%23000000%22/%3E%3C/svg%3E') center / 30px auto no-repeat;
}
.btn-close:hover {
    background: transparent url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath d%3D%22M15.68%2C15L29.86.83c.19-.19.19-.5%2C0-.68s-.5-.19-.68%2C0l-14.17%2C14.17L.83.14C.64-.05.33-.05.14.14S-.05.64.14.83l14.17%2C14.17L.14%2C29.17c-.19.19-.19.5%2C0,.68.09.09.22.14.34.14s.25-.05.34-.14l14.17-14.17%2C14.17%2C14.17c.09.09.22.14.34.14s.25-.05.34-.14c.19-.19.19-.5%2C0-.68l-14.17-14.17Z%22 fill%3D%22%230200cd%22/%3E%3C/svg%3E') center / 30px auto no-repeat;
    transform: scale(1.2);
}
/* LANGUAGE SWITCHER */
.lang-switcher {
    position: relative;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-decoration: none;
    color: var(--color-black);
    font-family: var(--font-h);
    text-transform: uppercase;
    transition: background 0.4s ease-in;
}
.lang-switcher:hover {
    background: var(--color-white);
}
.lang-switcher .lang {
    position: absolute;
    transition: transform 0.4s ease-in;
    width: 100%;
    text-align: center;
    font-family: inherit;
}
.lang-switcher .current {
    transform: translateY(150%);
}
.lang-switcher .alt {
    transform: translateY(0%);
}
@media(min-width: 1200px) {
    .lang-switcher {
        width: 40px;
        height: 40px;
    }
    .lang-switcher .current {
        transform: translateY(0%);
    }
    .lang-switcher .alt {
        transform: translateY(200%);
    }
    .lang-switcher:hover .current {
        transform: translateY(-200%);
    }
    .lang-switcher:hover .alt {
        transform: translateY(0%);
    }
}
/* BTN EMAIL */
.btn-email {
    position: relative;
    min-width: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    overflow: hidden;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 18.83"%3E%3Cpath d="m26,7.83v8c0,.8-.32,1.56-.88,2.12-.56.56-1.33.88-2.12.88H3c-.8,0-1.56-.32-2.12-.88-.56-.56-.88-1.33-.88-2.12V7.83c0-.55.45-1,1-1s1,.45,1,1v8c0,.55.45,1,1,1h20c.55,0,1-.45,1-1V7.83c0-.55.45-1,1-1s1,.45,1,1ZM.59,2.94c-.38-.29-.5-.8-.3-1.23.15-.31.35-.59.59-.83.56-.56,1.32-.88,2.12-.88h20c.8,0,1.56.32,2.12.88.24.24.44.52.59.83.2.43.08.94-.3,1.23l-11.81,8.86c-.36.27-.84.27-1.2,0L.59,2.94Zm2.13-.94l10.28,7.75,10.28-7.75c-.09-.01-.19-.01-.28,0H3c-.09-.01-.19-.01-.28,0Z"/%3E%3C/svg%3E') no-repeat center / 14px auto;
    transition: background 0.4s ease-in;
}
/* BTN DOWNLOAD */
.btn-download {
    display: block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-left: auto;
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20122.542%20161.633'%3E%3Cpath%20d='M120.322,55.913c-2.96-2.96-7.755-2.96-10.715,0l-40.758,40.758V7.577c0-4.183-3.394-7.577-7.577-7.577s-7.577,3.394-7.577,7.577v89.094L12.935,55.913c-2.96-2.96-7.755-2.96-10.715,0s-2.96,7.755,0,10.715l59.051,59.051,59.051-59.051c2.96-2.96,2.96-7.755,0-10.715Z'%20fill='%23000'/%3E%3Cpath%20d='M109.656,146.478H12.886c-4.183,0-7.577,3.394-7.577,7.577s3.394,7.577,7.577,7.577h96.771c4.183,0,7.577-3.394,7.577-7.577s-3.394-7.577-7.577-7.577Z'%20fill='%23000'/%3E%3C/svg%3E") no-repeat center/11px;
    background-color: var(--color-white);
    border-radius: 50%;
    border: none;
    padding: 0;
    transition: transform .3s ease-out, background .3s ease-in-out;
}
.btn-download:hover {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20122.542%20161.633'%3E%3Cpath%20d='M120.322,55.913c-2.96-2.96-7.755-2.96-10.715,0l-40.758,40.758V7.577c0-4.183-3.394-7.577-7.577-7.577s-7.577,3.394-7.577,7.577v89.094L12.935,55.913c-2.96-2.96-7.755-2.96-10.715,0s-2.96,7.755,0,10.715l59.051,59.051,59.051-59.051c2.96-2.96,2.96-7.755,0-10.715Z'%20fill='%23fff'/%3E%3Cpath%20d='M109.656,146.478H12.886c-4.183,0-7.577,3.394-7.577,7.577s3.394,7.577,7.577,7.577h96.771c4.183,0,7.577-3.394,7.577-7.577s-3.394-7.577-7.577-7.577Z'%20fill='%23fff'/%3E%3C/svg%3E") no-repeat center/11px;
    background-color: var(--color-blue);
}
@media (min-width: 744px) {
    .btn-download {
        width: 50px;
        height: 50px;
        background-size: 12px;
    }
}
@media (min-width: 1200px) {
    .btn-download {
        width: 60px;
        height: 60px;
        background-size: 12px;
    }
}
/* END BTN DOWNLOAD */
/* BTN ARROW */
.btn-arrow {
    display: inline-block;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--color-gray);
    background: transparent;
    transition: background .3s ease-out;
}
.btn-arrow.btn-left {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='45.74 23.22 45.74 17.35 11.02 17.44 24.41 4.13 20.19 0 0 20.29 20.19 40.66 24.42 36.53 11.02 23.22 11.02 23.22 45.74 23.22' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-left:hover, a:hover .btn-arrow.btn-left {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='45.74 23.22 45.74 17.35 11.02 17.44 24.41 4.13 20.19 0 0 20.29 20.19 40.66 24.42 36.53 11.02 23.22 11.02 23.22 45.74 23.22' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-right {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='25.55 0 21.33 4.13 34.73 17.44 34.73 17.44 0 17.44 0 23.31 34.73 23.22 21.33 36.53 25.55 40.66 45.74 20.37 25.55 0' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-right:hover, a:hover .btn-arrow.btn-right {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.74 40.66'%3E%3Cpolygon points='25.55 0 21.33 4.13 34.73 17.44 34.73 17.44 0 17.44 0 23.31 34.73 23.22 21.33 36.53 25.55 40.66 45.74 20.37 25.55 0' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-down {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.66 45.74'%3E%3Cpath d='M23.22,34.73l13.31-13.4,4.13,4.22-20.37,20.19L0,25.55l4.13-4.22,13.31,13.4-.09-34.73h5.87V34.73h0Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-down:hover, a:hover .btn-arrow.btn-down {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.66 45.74'%3E%3Cpath d='M23.22,34.73l13.31-13.4,4.13,4.22-20.37,20.19L0,25.55l4.13-4.22,13.31,13.4-.09-34.73h5.87V34.73h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 11px;
}
.btn-arrow.btn-sort {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.39 13.3'%3E%3Cpath d='M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h-.01Z' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat center / 19px;
}
.btn-arrow.btn-sort:hover, a:hover .btn-arrow.btn-sort, .show .btn-arrow.btn-sort {
    background: var(--color-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.39 13.3'%3E%3Cpath d='M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h-.01Z' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat center / 19px;
}
@media(min-width: 1200px) {
    .btn-arrow {
        width: 55px;
        height: 55px;
    }
}
/* BTN ARROW END */
/* btn-dropdown */
.btn-dropdown {
    display: inline-flex;
    width: 100%;
    min-width: 250px;
    min-height: 70px;
    padding: 0px 0px 10px 0px;
    justify-content: end;
    align-items: center;
    gap: 20px;
    border: none;
    background: transparent!important;
    color: var(--color-black);
    box-shadow: none!important;
    outline: none!important;
    transition: background .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}
/* .btn-dropdown.show {
    color: var(--color-white);
    background: var(--color-white);
} */
@media(min-width: 576px) {
    .btn-dropdown {
        width: 260px;
    }
}
@media (min-width: 744px) {
    .btn-dropdown {
        width: 320px;
    }
}
@media(min-width: 1200px) {
    .btn-dropdown {
        width: 350px;
        height: 55px;
    }
}
.btn-dropdown::after {
    display: none!important;
}
.btn-dropdown .btn-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
        flex-shrink: 0;
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    background: center / 19px url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.39 13.3"%3E%3Cpath d="M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h0Z" style="fill:%23000000;"/%3E%3C/svg%3E') no-repeat;
    transition: background .3s ease-in-out;
}
.btn-dropdown.show .btn-toggle {
    background: center / 19px url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.39 13.3"%3E%3Cpath d="M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h0Z" style="fill:%23ffffff;"/%3E%3C/svg%3E') var(--color-black) no-repeat;
}
@media (min-width: 744px) {
    .btn-dropdown .btn-toggle {
        width: 45px;
        height: 45px;
    }
}
@media(min-width: 1200px) {
    .btn-dropdown .btn-toggle {
        width: 55px;
        height: 55px;
    }
}
@media (hover: hover) {
    .btn-dropdown:hover .btn-toggle {
        background: center / 19px url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.39 13.3"%3E%3Cpath d="M5.23,10.82l3-3.02,.93,.95-4.59,4.55L0,8.76l.93-.95,3,3.02-.02-7.82h1.32v7.82h0ZM13.15,2.48l-3,3.02-.93-.95L13.82,0l4.57,4.55-.93,.95-3-3.02,.02,7.82h-1.32V2.48h0Z" style="fill:%23ffffff;"/%3E%3C/svg%3E') var(--color-black) no-repeat;
    }
}
.facetwp-facet-categories {
    margin: 0!important;
}
.facetwp-bs-dropdown .dropdown-menu {
    background: var(--color-white);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* border: 1px solid var(--color-mblue);
    border-top: 1px solid var(--color-mblue); */
    border: none!important;
    padding: 20px 75px 20px 20px;
    min-width: 260px;
    width: 100%;
    color: var(--color-mblue);
    top: 80%;
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
    -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out, top .5s ease-in-out;
}
.facetwp-bs-dropdown .dropdown-menu.show {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 100%;
    background: var(--color-black);
}
/* .facetwp-bs-dropdown .dropdown-menu li {
    border-bottom: 1px solid var(--color-black);
} */
@media(min-width: 576px) {
    .facetwp-bs-dropdown .dropdown-menu {
        width: 260px;
    }
}
@media (min-width: 744px) {
    .facetwp-bs-dropdown .dropdown-menu {
        width: 320px;
    }
}
@media(min-width: 1200px) {
    .facetwp-bs-dropdown .dropdown-menu {
        width: 350px;
        /* padding: 13px 13px 13px 25px; */
        /* padding: 0; */
    }
}
/* .facetwp-bs-dropdown li {
    padding-bottom: 15px;
} */
/* .facetwp-bs-dropdown li:last-child {
    padding-bottom: 0;
} */
.facetwp-bs-dropdown .dropdown-item {
    text-align: right;
    white-space: normal;
    color: var(--color-gray);
    padding: 10px 0;
    background: transparent;
    transition: color .3s ease-in-out;
}
@media (hover: hover) {
    .facetwp-bs-dropdown .dropdown-item:hover {
        /* background: var(--color-mblue); */
        color: var(--color-white);
    }
}
/* End btn-dropdown */
/* ΒΤΝ PLAY */
.btn-play-small {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 0;
    border: none !important;
    border-radius: 50%;
    background: var(--color-lgray) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 86.6'%3E%3Cpolygon points='75 43.3 0 0 0 86.6 75 43.3' style='fill:%23000000;'/%3E%3C/svg%3E") no-repeat 53% / 10px;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    transition: background .3s ease-out;
}
.btn-play-small:hover, div:hover > .btn-play-small {
    background: var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75 86.6'%3E%3Cpolygon points='75 43.3 0 0 0 86.6 75 43.3' style='fill:%23ffffff;'/%3E%3C/svg%3E") no-repeat 53% / 10px;
}