.colors{padding-top:40rem;}
.color{}
.color-title{font-weight:700;font-size:18rem;}
.color-description{font-size:16rem;line-height:147%;}
.color-description strong{color:var(--color-main)}
.color-button{box-shadow:0 1rem 4rem 0 rgba(12, 12, 13, 0.05);width:40rem;height:40rem;border-radius:100%;display:flex;justify-content:center;align-items:center;transition:transform 0.25s;}
.color-button.active{transform:rotate(180deg);}
.color-button__icon{display:block;max-width:100%;height:auto;width:18rem;}
.color-items{transition:opacity 0.25s,padding 0.25s;opacity:0;height:0;overflow:hidden;}

.color.active .color-items{padding-top:32rem;height:auto;opacity:1;}