.clb-circle-button-image-wrapper img {
     border-radius: 50%;
}

a.clb-custom-circle-button-link {
     text-decoration: none;
     color: var(--white);
     font-weight: 700;
     font-size: 30px;
     text-transform: uppercase;
     line-height: 1.2;
}

.circle_button {
     position: relative;
     container-type: inline-size;
     container-name: circleBtn;
}

.clb-color-overlay {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     border-radius: 50%;
     mix-blend-mode: multiply;
}

.clb-circle-button-text {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     width: 75%;
}

.clb-circle-arrow {
     margin-top: 8px;
     transform: scale(.7);
}

.clb-circle-arrow a {
     color: var(--white);
}

@container circleBtn (max-width: 300px) {

     .home a.clb-custom-circle-button-link,
     a.clb-custom-circle-button-link {
          font-size: 18px;
          line-height: 0.8;
     }

}