﻿.ticket-card-wrapper {
    display: block;
    padding: 30px 20px;
    border: 1px solid #E8E8E8;
    transition: border 0.3s ease-in-out;
}

    .ticket-card-wrapper .game-info {
        margin-bottom: 25px;
        font-size: 14px;
    }

        .ticket-card-wrapper .game-info .info-row {
            display: flex;
            column-gap: 10px;
        }

            .ticket-card-wrapper .game-info .info-row:first-child {
                text-transform: uppercase;
            }

    .ticket-card-wrapper .teams-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 10px;
    }

        .ticket-card-wrapper .teams-wrapper p {
            font-size: 18px;
        }

        .ticket-card-wrapper .teams-wrapper .team {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 20px;
        }

            .ticket-card-wrapper .teams-wrapper .team img {
                width: 80px;
                height: 80px;
                object-fit: contain;
                margin: 0 26.5px;
            }


            .ticket-card-wrapper .teams-wrapper .team p {
                font-size: 22px;
                font-weight: bold;
                text-align: center;
            }

    .ticket-card-wrapper:hover {
        color: inherit;
        border-color: #C30000;
    }

@media screen and (min-width: 768px) {
    .ticket-card-wrapper .teams-wrapper .team {
        flex-direction: row;
    }

    .ticket-card-wrapper .team:first-child img {
        margin: 0 15px;
        order: 1;
    }
}
