.atm-button-secondary {
    @apply relative inline-block overflow-hidden text-md font-display font-normal;
    color: #000066;
    @apply cursor-pointer;

    &.button-md {
        &.button-icon-only {
        }
    }
    
    .button-content-wrapper{
        @apply h-12 flex items-center;
    }

    .button-content {
        @apply inline-block relative z-20;

        padding-left: 2px;
        padding-right: 2px;
        margin-bottom: 2px;

        .atm-icon + span,
        span + .atm-icon {
            @apply ml-1;
        }
    }

    .button-underline {
        @apply block absolute z-10 bottom-0 left-0 right-0;
        @apply transform-gpu transition-all;
        @apply bg-accent-4;
        @apply h-0.5;
    }

    &:hover {
        .button-underline {
            @apply h-3 bg-accent-4 bg-opacity-20;
        }
    }
}