.product-swatches__swatch-content { padding: 0; width: 26px; height: 26px; display: flex!important; background-position: center center; background-size: cover; vertical-align: middle; border-radius: 100%; border: 2px solid #e6e6e6; transition: all 0.3s ease-in; margin: 3px; position: relative; } .product-swatches__swatch-link{ width: fit-content; } .wrong-handle .product-swatches__swatch-content{display: none!important; } .product-swatches__swatches-wrapper { margin-bottom: 20px; display: flex; flex-wrap: wrap; } .product-swatches__swatch-content.active::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 27px; width: 27px; border: 1px solid #424245; border-radius: inherit; }/*==============BIG ROUNDED SWATCH==================*/.product-swatches__swatch-content--big-dots{ height: 40px; width: 40px;}.product-swatches__swatch-content--big-dots.active::after{ height: 42px; width: 42px;}/*==============RECTANGULAR SWATCH==================*/ .product-swatches__swatch-content--rectangular{ height: 65px; width: 55px; border-radius: 0; border: 1px solid rgba(221, 221, 221, 0.557); } .product-swatches__swatch-content--rectangular.active{ border: 1px solid black; } .product-swatches__swatch-content--rectangular.active::after{ display: none; } /*==============SQUARE SWATCH==================*/ .product-swatches__swatch-content--square{ height: 55px; width: 55px; border-radius: 0; border: 1px solid rgba(221, 221, 221, 0.557); } .product-swatches__swatch-content--square.active{ border: 1px solid black; } .product-swatches__swatch-content--square.active::after{ display: none; }.product-swatches__label--hidden{ display: none;}.product-swatches__label--uppercase{ text-transform: uppercase;}.product-swatches__label{ display: flex; align-items: center;}.product-swatches__label-text{ margin-right: 5px;}