.btn-primary {
    border: 3px solid $agave-light-blue;
    color: #fff;
    background-color: $agave-light-blue;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    padding: 11px 25px;
    cursor: pointer;
    transition: all 0.2s linear;
    
    &:hover {
        border-color: darken($agave-light-blue, 15%);
        background-color: darken($agave-light-blue, 15%);
        color: #fff;
    } 
}

.btn-hollow {
    border: 3px solid $agave-light-blue;
    color: $agave-light-blue;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    padding: 11px 20px;
    cursor: pointer;
    transition: all 0.2s linear;
    
    &:hover {
        background-color: $agave-light-blue;
        color: #fff;
    }
}