.poster {
    position: relative;
    border-radius: 6px;
    max-width: 326px;

    @include bp (sm) {
        background-color: $color-primary-tertiary20;
        max-width: 600px;
    }

    img {
        display: block;
        width: 100%;
        height: auto;
    }

    .buttons {
        display: flex;
        margin-top: 40px;
        justify-content: center;

        @include bp (sm) {
            position: absolute;
            align-items: center;
            justify-content: space-between;
            bottom: 14px;
            left: 10%;
            right: 10%;
            // margin: 0 10% 28px;
            white-space: nowrap;
        }

        a {
            margin-right: 8px;
            margin-left: 8px;

            @include bp (sm) {
                margin: 0;
            }
        }
    }

    &:hover {
        img {
            transform: scale(0.8) translate3d(0, -5%, 0);
        }
        .buttons {
            display: flex;
        }
    }

}