@charset "UTF-8";

.coupon-code {
    table-layout: fixed;
    box-shadow: var(--box-shadow-style-3);
}

.coupon-code th {
    background: var(--ast-global-color-5);
}

.coupon-code td {
    background: var(--ast-global-color-4);
}

.copy-coupon {
    cursor: pointer;
    position: relative;
}

.copy-coupon:hover {
    color: var(--ast-global-color-6);
}

.copy-coupon.copied::after {
    content: 'コピーしました';
    color: var(--ast-global-color-4);
    background: var(--ast-global-color-2);
    border-radius: var(--border-radius-small);
    position: absolute;
    left: 0;
    bottom: 2rem;
    font-size: .875rem;
    padding: .125rem;
    min-width: 120px;
    text-align: center;
    animation: fadeIn 1s ease;
}