.btn {
    @apply border-2 cursor-pointer font-bold px-4 py-2 rounded text-center transition-all;
}
.btn-sm {
    @apply px-2 py-1 text-sm;
}
.btn-xs {
    @apply px-1 py-1 text-xs;
}

.btn-default {
    @apply bg-usa-navy-500 border-usa-navy-500 text-white;
}
.btn-default:hover {
    @apply bg-usa-navy-700;
}

.btn-primary {
    @apply bg-usa-red-500 border-usa-red-500 text-white;
}
.btn-primary:hover {
    @apply bg-usa-red-700;
}

.btn-outline {
    @apply border-usa-navy-500 text-usa-navy-500;
}
.btn-outline:hover {
    @apply bg-usa-navy-100;
}

.btn-outline-white {
    @apply border-white text-white;
}
.btn-outline:hover {
    @apply bg-usa-navy-100;
}

.btn-success {
    @apply bg-green-500 border-green-500 text-white;
}
.btn-success:hover {
    @apply bg-green-600;
}