.type-detail .button-variants-list .button-variants {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.type-detail .button-variants-list .button-variants .variant {
    padding: 12px;
    border: 2px solid #ededed;
    border-radius: 8px;
    margin-right: 12px;
    transition: .3s;
    margin-bottom: 10px;
    color: #000;
    cursor: pointer;
    min-width: 50px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
}

.type-detail .button-variants-list .button-variants .variant .variant-sub {
    display: flex;
    flex-direction: column;
}


.type-detail .button-variants-list .button-variants .variant .variant-sub span{
    display: none;
}

.type-detail .button-variants-list .button-variants .variant.active {
    background-color: var(--color-secondary-hover);
    color: #fff;
    border-color: var(--color-secondary-hover);
}

.button-variants-list select {
    display: none;
}

.button-variants .variant.variant-strike {
    position: relative;
}

.button-variants .variant.variant-strike:before {
    display: block;
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='4'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='4'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto;
    width: 100%;
    height: 100%;
    position: absolute;
}