.gallery-section{.pagination-cover{display:flex;align-items:center;justify-content:center;column-gap:20px;.gallery-page-button{display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;border-radius:50%;color:var(--text-color);background-color:transparent;border:1px solid var(--border);*{transition:all .2s ease-in-out}&:hover{border-color:var(--primary);background-color:var(--primary);color:var(--white)}&:disabled{display:none}}.previous{svg{transform:rotate(90deg)}&:hover{svg{path{fill:var(--white)}}}}.next{svg{transform:rotate(-90deg)}&:hover{svg{path{fill:var(--white)}}}}.disable-button{&:hover{cursor:default;background-color:var(--white);border:1px solid var(--border);svg{path{fill:var(--text-color)}}}}}.content-cover{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:48px;gap:48px;width:100%;.gallery-cover{border-radius:24px;overflow:hidden;max-width:464px;width:100%;margin:0 auto;.image-cover{border-radius:24px;aspect-ratio:224/163;position:relative;img{height:100%;width:100%;transition:all .5s ease-in-out}&:after{content:"";display:block;position:absolute;inset:50%;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);z-index:1}}.gallery-button{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border:none;background-color:var(--white);border-radius:50%;overflow:hidden;width:0;transition:all .5s ease-in-out;z-index:2}&:hover{.gallery-button{width:48px}.image-cover{img{transform:scale(1.1)}&:after{inset:0}}}.text-content{.title{font-size:24px;line-height:28px;font-weight:600;text-align:center;margin-top:24px}}}}}@media screen and (max-width:1399px){.gallery-section{.content-cover{grid-template-columns:1fr 1fr}}}@media screen and (max-width:1199px){.gallery-section{.content-cover{grid-template-columns:1fr 1fr;gap:24px}}}@media screen and (max-width:991px){.gallery-section{.content-cover{grid-template-columns:1fr 1fr;gap:20px}}}@media screen and (max-width:767px){.gallery-section{.content-cover{grid-template-columns:1fr}}}@media screen and (max-width:575px){.gallery-section{.pagination-cover{column-gap:16px;.gallery-page-button{width:36px}}.content-cover{grid-template-columns:1fr}}}@media screen and (max-width:359px){.gallery-section .content-cover{grid-template-columns:1fr}.gallery-section .content-cover .gallery-cover .text-content .title{font-size:20px;margin-top:0}}