.drop-down { &__arrow { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.2s linear; } &__list { position: absolute; left: 0; top: 110%; background-color: white; border-radius: 10px; background: #fff; border: 1px solid #d9d2c8; width: 104px; height: max-content; padding: 15px; text-align: left; opacity: 0; visibility: hidden; transition: all 0.2s linear; ul { list-style: none; } li { &:not(:last-child) { margin-bottom: 12px; } } a { &:hover { color: #3f43bc; } } } }