.btn,
.channel-btn,
.submit-btn,
.reset-btn,
.back-btn,
.creator-link,
.creator-link.outline,
.category-btn {
    min-height: 52px;
    padding: 14px 22px;
    border: 1px solid #000;
    border-radius: 2px;
    background: #fff;
    color: #000;
    box-shadow: 3px 3px 0 #000;
    font-weight: 500;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
}

.btn:hover,
.channel-btn:hover,
.submit-btn:hover,
.reset-btn:hover,
.back-btn:hover,
.creator-link:hover,
.creator-link.outline:hover,
.category-btn:hover {
    transform: scale(1.04) translateY(-2px);
    border-color: #000;
    background: #fff;
    color: #000;
    box-shadow: 3px 3px 0 #000;
}

.btn:active,
.channel-btn:active,
.submit-btn:active,
.reset-btn:active,
.back-btn:active,
.creator-link:active,
.category-btn:active {
    transform: scale(0.9);
}

.category-btn.active {
    background: #000;
    color: #fff;
}

.submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

@media (max-width: 640px) {
    .channel-btn {
        width: 100%;
    }
}