/* btn 共用 */
.btn.btn-primary {
    background-color: var(--color-green);
    border-color: var(--color-green);
    border-radius: .25rem;
    width: 100%;
    max-width: 180px;
    display: block;
    margin:0 auto;
}

.btn.btn-primary:focus {
    background-color: var(--color-dark-green);
    border-color: var(--color-green);
}

@media (hover: hover) and (pointer: fine) {
    .btn.btn-primary:hover {
        background-color: var(--color-dark-green);
        border-color: var(--color-green);
    }
}

@media (max-width: 768px) {
    .btn.btn-primary {
        max-width: none;
        margin-top: 1rem;
    }
}