.prevention-rapid-access {
    .tabs {
        margin-top: calc(var(--spacing) * 8);
        display: grid;
        grid-template-columns: 364px 1fr;
        border-radius: var(--radius-semilarge);

        @media screen and (max-width: 768px) {
            grid-template-columns: 1fr;
        }

        .tabs__buttons {
            background: var(--color-primary-lighter);
            padding: calc(var(--spacing) * 8);
            margin: 0 !important;
            border-right: 1px #ccc solid;

            @media screen and (max-width: 768px) {
                width: 100%;
                border-right: none;
                border-bottom: 1px #ccc solid;
                padding: calc(var(--spacing) * 4);
            }

            button {
                padding: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
                width: 100%;
                border-radius: var(--radius);
                text-align: left;
                display: flex;
                align-items: center;
                gap: calc(var(--spacing) * 2);
                color: var(--color-primary-dark);

                .icon {
                    background: var(--color-primary-dark);
                }

                &[data-active="true"] {
                    background: var(--color-primary-dark);
                    color: white;

                    .icon {
                        background: white;
                        width: 34px;
                        height: 34px;
                    }
                }
            }
        }

        .tabs__panels {
            margin: 0;
            padding: calc(var(--spacing) * 8);

            @media screen and (max-width: 768px) {
                padding: calc(var(--spacing) * 4);
            }

            h3.title {
                position: relative;

                &:after {
                    position: absolute;
                    height: 100%;
                    width: 80px;
                    border-bottom: 4px var(--color-primary-dark);
                }
            }

            .rapid-access {
                border-radius: var(--radius-semilarge);
                border: 1px solid var(--color-primary-dark);
                color: var(--color-primary-dark) !important;

                button {
                    background: var(--color-primary-light);
                    color: var(--color-primary-dark) !important;
                    width: 100%;

                    .btn-text {
                        color: var(--color-primary-dark);
                    }

                    &:hover {
                        border-color: var(--color-primary-dark) !important;
                        color: white !important;

                        .btn-text {
                            color: white !important;
                        }

                        .btn-animation {
                            background: var(--color-primary-dark) !important;
                        }

                        * {
                            color: white !important;
                        }
                    }
                }
            }
        }
    }
}