.projects{background-color:#fff;width:100%}.projects .container{max-width:767px;margin:0 auto;padding:2rem 0;position:relative}@media (max-width:778px){.projects .container{width:100%;max-width:100%}}.projects .container .projects__header-container{justify-content:space-between;align-items:center;padding:0 0 1rem;display:flex}.projects .container .projects__header-container .projects__header{color:#6f7074;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f3f3f4;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:700}.projects .container .projects__header-container .projects__button{color:#515256;justify-content:center;align-items:center;gap:clamp(.25rem,1.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.875rem);transition:all .3s ease-in-out;display:flex;position:relative}.projects .container .projects__header-container .projects__button:after{content:"";transform-origin:100%;background-color:#515256;width:100%;height:1px;transition:transform .3s ease-in-out;position:absolute;bottom:clamp(-3px,1.5vw,-2px);left:0;transform:scaleX(0)}.projects .container .projects__header-container .projects__button svg{all:unset;transition:all .3s ease-in-out}@media (max-width:778px){.projects .container .projects__header-container .projects__button svg{scale:.8}}.projects .container .projects__header-container .projects__button:hover{color:#2a2b30}.projects .container .projects__header-container .projects__button:hover:after{transform-origin:0;transform:scaleX(1)}.projects .container .projects__header-container .projects__button:hover svg{transform:translate(clamp(-3px,1.5vw,-2px))rotate(45deg);color:inherit!important}.projects .container .projects__grid{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}