.cta-button {
    display: block;
    max-width: 220px;
    margin-top: 25px;
    outline: 0;
}

.cta-button .button {
   /* width: 100%;*/
    border: 3px solid #0091dc;
    border-radius: 0;
    padding: 8px 12px;
    margin: 0 auto;
}

.cta-button .button:hover {
    /*width: 100%;*/
    border: 3px solid #0091dc;
    border-radius: 0;
    padding: 8px 12px;
    background: #0091dc;
    transition: all 0.2s ease-in-out;
}

.cta-button .button:hover p {
    color: white;
    transition: all 0.2s ease-in-out;
}

.cta-button .button p {
    margin-bottom: 0px;
    font-family: "MetaPro Bold", Arial, sans-serif;
    color: #0091dc;
}

@media (max-width: 600px) {
    .cta-button .button p {
    white-space: normal;
        }
}