.tabs{display:flex;flex-direction:column;gap:.5rem}
.tab-button{position:relative;font-weight:500;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.5;padding-bottom:.5rem;border-bottom:0 solid var(--pink-primary);transition:border-bottom-width .2s ease-in-out,color .2s ease-in-out}
.tab-button:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background-color:var(--pink-primary);transition:width .3s ease-in-out}
.tab-button:hover{color:var(--pink-primary)}
.tab-button:hover::after{width:100%}
.tab-button.active{color:var(--pink-primary)}
.tab-button.active:after{content:"";width:100%}
.tab-content{padding-top:1.5rem}
@media only screen and (min-width:375px) {
    .tabs{flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--beige-dark)}
}
@media only screen and (min-width:768px) {
    .tabs{justify-content:center;gap:6.25rem}
    .tab-button{font-size:1rem}
    .tab-content{padding-top:2rem}
    .tab-content p{font-size:.875rem}
}