.ca_button {
    padding: 1.15em 2.6em 1.15em 1.4em;
    background: var(--primary);
    font-weight: bold;
    border-radius: 5em;
    display: inline-flex;
    align-items: center;
    transition: none;
}

.ca_button, .ca_button * {
    color: #fff;
}

.ca_button_wrapper:hover .ca_button, .ca_button:hover {
    background: var(--accent);
}

 .ca_button_wrapper:hover .ca_button_title {
     color: var(--accent);
 }

.ca_button_round {
    border-radius: 50%;
    padding: 16px;
    letter-spacing: 0;
    line-height: 0;
}

.ca_button_wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.ca_button_wrapper_vertical {
    flex-direction: column;
}

.ca_button + .ca_button_title {
    margin-left: 22px;
}

.ca_button_wrapper_vertical .ca_button + .ca_button_title {
    margin-top: 0.5em;
    margin-left: 0;
}

.ca_button .ca_button_icon {
    margin-right: .7em;
}

.ca_button_gray {
    background: var(--background-gray-2);
}
.ca_button_gray, .ca_button_gray * {
    color: var(--primary);
}

.ca_button_gray:hover, .ca_button_gray:hover * {
    color: #fff;
}


.ca_button_outline {
    background: transparent;
    border: 2px solid var(--primary);
}

.ca_button_outline, .ca_button_outline * {
    color: var(--primary);
}