.alert {
    @apply text-secondary-col-1 bg-white w-full border-b text-center z-[999];
    border-bottom-color: #d6d6d6;

    &--active {
        @apply hidden;
    }

    .vebego-container {
        @apply flex items-center justify-center px-8 py-2;
    }

    .text {
        @apply px-2 truncate max-w-full;

        h6 {
            @apply font-medium text-secondary-col-1 mb-0 truncate min-w-[40px];
        }
    }

    .atm-icon {
        @apply text-secondary-col-1 text-sm;
        transition: all 0.3s ease;
    }

    .js--clickable {
        cursor: pointer;
    }

    &:hover {
        @apply no-underline;

        .fa-chevron-right {
            transform: translateX(5px);
        }
    }
}
