.cta-btn {
    display: inline-block;
    padding: 13px 50px;
    align-items: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    border-radius: 100px;
    margin: 0 !important;
    cursor: pointer;
}

.cta-btn:focus {
    outline: none;
}

/* Button sizes */
.btn-size-small {
    min-width: 83px !important;
    padding: 3.5px 12.7px !important;
    border-width: 1px !important;
    font-size: 14px !important;
    line-height: normal !important;
    font-size: 14px !important;
}

.btn-size-middle {
    min-width: 238px !important;
    padding: 0 27px !important;
    height: 38px !important;
}

.btn-size-big {
    min-width: 240px;
    padding: 13px 50px !important;
}

/* Color styles */
.cta-btn {
    color: var(--button-color, #000);
    background-color: #fff;
    border: 2px solid var(--button-color, #000);
}

.cta-btn:hover {
    color: #fff;
    background-color: var(--button-color, #000);
    border: 2px solid var(--button-color, #000);
}

.cta-btn-colored-background-with-color {
    color: white !important;
    background-color: var(--button-color) !important;
}

.cta-btn-colored-background-with-color:hover {
    color: var(--button-color) !important;
    background-color: white !important;
}

.cta-btn-with-color {
    color: var(--button-color) !important;
    background-color: white !important;
}

.cta-btn-with-color:hover {
    color: white !important;
    background-color: var(--button-color) !important;
}

.cta-btn-colored-background {
    color: white;
    background-color: black;
}

.cta-btn-colored-background:hover {
    color: black;
    background-color: white;
}