@import "~/styles/partials/variables";
@import "~/styles/partials/mixins";

.leadership {
    &--modal {
        &.drawer {
            max-width: 70%;
            left: auto;
            transition: .6s ease-in-out;
            overflow: clip;
            padding: 10px 30px 50px;

            @include max(640) {
                max-width: 90%;
                padding: 0;
                overflow: scroll;
            }
        }
        &-linkedin {
            padding: 5px 7px;
        }
    }
    &--card {
        &-img {
            border-radius: 10px 10px 0 0;
        }
        &-name {
            @media only screen and (min-width: 1025px) and (max-width: 1440px) {
                font-size: size(26);
            }
        }
        &-profile {
            @media only screen and (min-width: 1025px) and (max-width: 1440px) {
                font-size: size(18);
            }
        }
        &-btn {
            @media only screen and (min-width: 1025px) and (max-width: 1440px) {
                font-size: size(18);
            }
        }
    }
}