.match-card{border:2px solid #EFEFEF;border-radius:8px;max-width:400px;min-height:435px}.match-card__header{display:flex;justify-content:space-evenly;align-items:center;padding:16px}.team{width:45%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.img-container{width:100px;height:100px;margin-bottom:15px}.img-container img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-name{font-family:Lato,sans-serif;font-size:1.1rem;line-height:1.15;height:2.3em;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vs{font-family:Lato,sans-serif;font-size:2rem;color:#a6aad4}@media (max-width: 768px){.team-name{font-size:.9rem}.vs{font-size:1.5rem}}.match-card__body{background:#fff;height:235px;padding:32px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.match-card__body--item-wraper{display:flex;align-items:center;gap:8px;margin-left:16px;font-family:Lato,sans-serif;font-weight:600;color:#404040;margin-bottom:10px}.btn-details{width:65%;font-family:Lato,sans-serif;font-weight:700;font-size:1.2rem;margin:auto;color:#3138aa;text-align:center;border-radius:8px;text-decoration:none;padding:16px 48px;border:1px solid #3138AA}button.btn-details{width:90%;font-family:Lato,sans-serif;font-weight:700;font-size:1.2rem;margin:auto;color:#3138aa;text-align:center;border-radius:8px;text-decoration:none;padding:16px 48px;background:transparent;border:1px solid #3138AA}.btn-details:hover{background:#3138aa;color:#fff;transition:.3s}