.ce-product-variants__patterns {
    .ce-product-variants__pattern {
        height: 48px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;


        .color-circle {
            width: 24px;
            height: 24px;
            border-radius: 100%;
            margin-right: 8px;
        }
    }
}

.ce-product-variants__select:before {
    content: "\e81d" !important;
    color: #EB6909;
    transform: translateY(-50%) rotate(-90deg) !important;
}

.ce-product-variants__option {
    display: flex;
    flex-direction: column;
    text-align: left;
}

input:checked ~ .ce-product-variants__option {
    & > span:first-child {
        font-family: Gotham, sans-serif;
        font-size: 13px;
        font-weight: 600;
    }
}

input:checked ~ .ce-product-variants__pattern {
    .color-name {
        font-family: Gotham, sans-serif;
        font-size: 13px;
        font-weight: 600;
    }
}