/*
========================================
Buttons
========================================
*/


.btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 12px 24px;

    border-radius: var(--radius-sm);

    text-decoration: none;

    font-weight: 600;

    cursor: pointer;

    transition: all .3s ease;

}


/*
Primary Button
*/

.btn-primary {

    background: var(--medipro-primary);

    color: var(--medipro-white);

}


.btn-primary:hover {

    opacity: .85;

    transform: translateY(-2px);

}


/*
Secondary Button
*/

.btn-secondary {

    background: var(--medipro-secondary);

    color: var(--medipro-white);

}


.btn-secondary:hover {

    opacity: .85;

    transform: translateY(-2px);

}