.atm-segment {
    @apply relative inline-block overflow-hidden;
    @apply transform-gpu transition-all;
    max-width: 260px;
    max-height: 360px;

    &::after {
        content: '';
        @apply absolute top-0 left-0 w-full h-1/3;
        background: rgb(119, 119, 119);
        background: linear-gradient(
            to bottom,
            rgba(119, 119, 119, 0.82),
            rgba(186, 186, 186, 0)
        );
    }

    .atm-heading {
        @apply absolute;
        @apply top-6 left-6 right-6 z-10;
        @apply text-white;
    }

    .atm-link {
        @apply hidden;
    }

    &:hover {
        @apply scale-105;
        @apply rounded-lg;
        @apply shadow-md;
    }
}